//  定位icon图标
export const locationSvgImg = (color = '#000') => {
  const svgXml = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 6.75C9.87935 6.75 8.25 8.34251 8.25 10.2C8.25 11.6842 8.92732 12.7098 9.86907 13.8061C10.0314 13.9951 10.2049 14.1888 10.384 14.3889C10.9195 14.9867 11.506 15.6417 12 16.3989C12.4525 15.7053 12.9827 15.0975 13.4801 14.5407L14.5444 15.6051C13.7844 16.4598 13.1084 17.2481 12.6964 18.2785H11.3036C10.869 17.1916 10.1407 16.374 9.32973 15.4638C9.13411 15.2442 8.93352 15.019 8.73125 14.7836C7.7229 13.6098 6.75 12.2354 6.75 10.2C6.75 7.41829 9.15008 5.25 12 5.25C14.8499 5.25 17.25 7.41829 17.25 10.2C17.25 12.0575 16.4397 13.3645 15.5316 14.471L14.4651 13.4045C15.2288 12.451 15.75 11.502 15.75 10.2C15.75 8.34251 14.1206 6.75 12 6.75Z" fill="${color}"/>
<path d="M12 12C12.8284 12 13.5 11.3284 13.5 10.5C13.5 9.67157 12.8284 9 12 9C11.1716 9 10.5 9.67157 10.5 10.5C10.5 11.3284 11.1716 12 12 12Z" fill="${color}"/>
</svg>`
  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgXml)}`
}
//  向右箭头
export const arrowRightSvgImg = (color = '#757575') => {
  const svgXml = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 7.81066L12.7123 11.523C13.0052 11.8159 13.0052 12.2907 12.7123 12.5836L9 16.2959L10.0607 17.3566L14.3033 13.114C14.8891 12.5282 14.8891 11.5784 14.3033 10.9926L10.0607 6.75L9 7.81066Z" fill="${color}"/>
</svg>`
  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgXml)}`
}
//  未勾选框
export const unselectedCheckboxSvgImg = (color = '#757575') => {
  const svgXml = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="15" height="15" fill="#FAFAFA" stroke="#757575"/>
</svg>`
  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgXml)}`
}
//  勾选框
export const selectedCheckboxSvgImg = (color = '#757575') => {
  const svgXml = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_17308_2432)"><rect width="16" height="16" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.02353 12.071C5.28388 12.3313 5.70599 12.3313 5.96634 12.071L13.0945 4.94281L12.1517 4L5.96634 10.1853C5.70599 10.4457 5.28388 10.4457 5.02353 10.1853L3.60931 8.77113L2.6665 9.71394L5.02353 12.071Z" fill="white"/>
</g><rect x="0.5" y="0.5" width="15" height="15" stroke="black"/><defs><clipPath id="clip0_17308_2432"><rect width="16" height="16" fill="white"/></clipPath></defs></svg>`
  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgXml)}`
}
//  支付成功 下方图标
export const paySuccessIconSvgImg = (color = '#CB171A') => {
  const svgXml = `<svg width="72" height="20" viewBox="0 0 72 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.6458 7.5C17.9389 7.5 18.9616 8.12901 19.964 8.84193C20.0646 8.91345 20.166 8.98659 20.268 9.06014C20.6576 9.34112 21.0555 9.62806 21.4459 9.85361C21.5338 9.90437 21.6232 9.95323 21.7141 9.99929C21.6222 10.0457 21.5318 10.095 21.443 10.1463C21.0512 10.3724 20.6525 10.6602 20.2623 10.9418C20.1612 11.0148 20.0607 11.0873 19.9611 11.1582C18.9595 11.8711 17.9388 12.5 16.6458 12.5C15.3526 12.5 14.33 11.871 13.3276 11.1581C13.227 11.0865 13.1256 11.0134 13.0236 10.9399C12.634 10.6589 12.2361 10.3719 11.8457 10.1464C11.7574 10.0954 11.6675 10.0463 11.576 10C11.6675 9.95374 11.7574 9.90463 11.8457 9.85361C12.2361 9.62806 12.634 9.34112 13.0236 9.06014C13.1256 8.98659 13.227 8.91345 13.3276 8.84193C14.33 8.12901 15.3526 7.5 16.6458 7.5Z" stroke="${color}"/>
<path d="M36.0006 9.86893C34.0928 9.86893 32.4763 7 29.5491 7C26.6219 7 25.0054 9.86893 23.0977 9.86893V10.1311C25.0054 10.1311 26.6219 13 29.5491 13C32.4763 13 34.0855 10.1311 36.0006 10.1311V9.86893Z" fill="${color}"/>
<path d="M42.4515 7.5C43.7446 7.5 44.7673 8.12901 45.7697 8.84193C45.8702 8.91345 45.9717 8.98659 46.0736 9.06014C46.4633 9.34112 46.8611 9.62806 47.2516 9.85361C47.3394 9.90437 47.4288 9.95323 47.5198 9.99929C47.4278 10.0457 47.3374 10.095 47.2486 10.1463C46.8569 10.3724 46.4582 10.6602 46.0679 10.9418C45.9669 11.0148 45.8664 11.0873 45.7668 11.1582C44.7652 11.8711 43.7444 12.5 42.4515 12.5C41.1583 12.5 40.1357 11.871 39.1332 11.1581C39.0327 11.0865 38.9312 11.0134 38.8293 10.9399C38.4396 10.6589 38.0418 10.3719 37.6514 10.1464C37.563 10.0954 37.4732 10.0463 37.3817 10C37.4732 9.95374 37.563 9.90463 37.6514 9.85361C38.0418 9.62806 38.4397 9.34112 38.8293 9.06014C38.9312 8.98659 39.0327 8.91345 39.1332 8.84193C40.1357 8.12901 41.1583 7.5 42.4515 7.5Z" stroke="${color}"/>
<path d="M61.8062 9.86893C59.8985 9.86893 58.282 7 55.3548 7C52.4276 7 50.8111 9.86893 48.9033 9.86893V10.1311C50.8111 10.1311 52.4276 13 55.3548 13C58.282 13 59.8912 10.1311 61.8062 10.1311V9.86893Z" fill="${color}"/>
</svg>`
  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgXml)}`
}
//  订单列表页 tab选中
export const orderTabActiveSvgImg = (color = '#CB171A') => {
  const svgXml = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="14" height="7" viewBox="0 0 14 7"><g><path d="M14,3.34709C11.93,3.34709,10.1761,0,7,0C3.82393,0,2.06998,3.34709,0,3.34709C0,3.34709,0,3.65291,0,3.65291C2.06998,3.65291,3.82393,7,7,7C10.1761,7,11.9221,3.65291,14,3.65291C14,3.65291,14,3.34709,14,3.34709C14,3.34709,14,3.34709,14,3.34709Z" fill="${color}" fill-opacity="1"/></g></svg>`
  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgXml)}`
}






